<?php if (!defined('THINK_PATH')) exit();?>	<?php
 $config = D('Basic')->select(); ?>	
<?php
 $navs = D('Menu')->homebars(); ?>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title><?php echo ($config["title"]); ?></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="<?php echo ($config["description"]); ?>" />
	<meta name="keywords" content="<?php echo ($config["keywords"]); ?>" />
	<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="/Public/css/home/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="/Public/assets/css/font-awesome.min.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="/Public/css/bootstrap.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="/Public/css/home/flexslider.css">
	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="/Public/css/home/owl.carousel.min.css">
	<link rel="stylesheet" href="/Public/css/home/owl.theme.default.min.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="/Public/css/home/style.css">
	<!-- Modernizr JS -->
	<script src="/Public/js/home/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="/Public/js/home/respond.min.js"></script>
	<![endif]-->
	<!--loading-->
	<style type="text/css">
		.sk-double-bounce {
		  width: 40px;
		  height: 40px;
		  position: relative;
		  margin: 40px auto; }
		  .sk-double-bounce .sk-child {
		    width: 100%;
		    height: 100%;
		    border-radius: 50%;
		    background-color: #27E1CE;
		    opacity: 0.6;
		    position: absolute;
		    top: 0;
		    left: 0;
		    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
		            animation: sk-doubleBounce 2s infinite ease-in-out; }
		  .sk-double-bounce .sk-double-bounce2 {
		    -webkit-animation-delay: -1.0s;
		            animation-delay: -1.0s; }
		
		@-webkit-keyframes sk-doubleBounce {
		  0%, 100% {
		    -webkit-transform: scale(0);
		            transform: scale(0); }
		  50% {
		    -webkit-transform: scale(1);
		            transform: scale(1); } }
		
		@keyframes sk-doubleBounce {
		  0%, 100% {
		    -webkit-transform: scale(0);
		            transform: scale(0); }
		  50% {
		    -webkit-transform: scale(1);
		            transform: scale(1); } }
	</style>

	</head>
	<body>
	<div id="reloade">
		<div class="sk-double-bounce">
	        <div class="sk-child sk-double-bounce1"></div>
	        <div class="sk-child sk-double-bounce2"></div>
	    </div>
	</div>
	
	<div id="fh5co-page">
	<header id="fh5co-header" role="banner">
				<a href="/"><img class="hidden-xs" style="position: absolute;top: 10px; left: 20px;" src="../../../../Public/images/logo.png" width="180px"height="60px"/></a>
		<div class="container">
			<div class="header-inner">
				<h1 class="visible-xs-block"><a href="/">ISG</a></h1>
				<nav role="navigation">
					<ul>
						<li><a href="/" >首页</a></li>
						<?php if(is_array($navs)): foreach($navs as $key=>$nav): ?><li <?php if($nav['menu_id'] == $catid): ?>class="active"<?php endif; ?> ><a href="/index.php?c=cat&id=<?php echo ($nav["menu_id"]); ?>"><?php echo ($nav["name"]); ?></a></li><?php endforeach; endif; ?>
						<li class="cta"><a href="http://isuoge.com">这是什么鬼？</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>

	
	<div class="container">
		
	</div>
	<!--大图轮播广告位开始-->
	<aside id="fh5co-hero" class="js-fullheight">
		<div class="flexslider js-fullheight">
			<ul class="slides">
				<?php if(is_array($topbanner)): foreach($topbanner as $key=>$tbanner): ?><li style="background-image: url(<?php echo ($tbanner["thumb"]); ?>);">
				   		<div class="container">
				   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
				   				<div class="slider-text-inner">
				   					<h2><?php echo ($tbanner["title"]); ?></h2>
				   					<?php if($tbanner['news_id'] != 0): ?><p><a href="#" class="btn btn-primary btn-lg">阅读</a></p><?php endif; ?> 
				   				</div>
				   			</div>
				   		</div>
				   	</li><?php endforeach; endif; ?>
			   	
			   	
		  	</ul>
	  	</div>
	</aside>
	<!--大图轮播广告位结束-->
	
	<div id="fh5co-services-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<!--<h2>标题</h2>-->
					<p>最新文章</p>
				</div>
			</div>
			<div class="row">
				<?php if(is_array($newslist)): foreach($newslist as $key=>$news): ?><div class="col-md-4 animate-box">
						<div class="services">
							<i class="icon-laptop"></i>
							<div class="desc">
								<h3><?php echo ($news["title"]); ?></h3>
								<p> <?php echo ($news["description"]); ?></p>
							</div>
						</div>
					</div><?php endforeach; endif; ?>
				
				
				<!--<div class="col-md-4 animate-box">
					<div class="services">
						<i class="icon-pie-chart"></i>
						<div class="desc">
							<h3>Business Analytics</h3>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
						</div>
					</div>
				</div>-->
			</div>
		</div>
	</div>
    	<!--图文广告位 适合作品展-->
	<div id="fh5co-work-section" class="fh5co-light-grey-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>图片广告位 带标题</h2>
					<p>最多六个 </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_1.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web Application</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_2.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">User Interface</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_3.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Branded</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_4.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_5.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Illustration</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_6.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web Application</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-12 text-center animate-box">
					<p><a href="#" class="btn btn-primary with-arrow">View More Projects <i class="fa fa-arrow-right"></i></a></p>
				</div>
			</div>
		</div>
	</div>
	<!--图文广告位 适合作品展end-->
	<!--可切换div展示-适合做团队介绍-->
	<div id="fh5co-testimony-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Clients Feedback</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12 col-offset-0 to-animate">
					<div class="wrap-testimony animate-box">
						<div class="owl-carousel-fullwidth">
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="/Public/images/person1.jpg" alt="user">
									</figure>
									<blockquote>
										<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p>
									</blockquote>
									<span>Athan Smith, via <a href="#" class="twitter">Twitter</a></span>
								</div>
							</div>
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="/Public/images/person2.jpg" alt="user">
									</figure>
									<blockquote>
										<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p>
									</blockquote>
									<span>Nathalie Kosley, via <a href="#" class="twitter">Twitter</a></span>
								</div>
							</div>
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="/Public/images/person3.jpg" alt="user">
									</figure>
									<blockquote>
										<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p>
									</blockquote>
									<span>Yanna Kuzuki, via <a href="#" class="twitter">Twitter</a></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--可切换div展示-适合做团队介绍end-->
	
	<!--两个大图广告位-->
	<div id="fh5co-blog-section" class="fh5co-light-grey-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Recent from Blog</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-sm-6 animate-box">
					<a href="#" class="item-grid">
						<div class="image" style="background-image: url(/Public/images/image_1.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">We Create Mobile App</h3>
								<h5 class="date"><span>June 23, 2016</span> | <span>4 Comments</span></h5>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-6 col-sm-6 animate-box">
					<a href="#" class="item-grid">
						<div class="image" style="background-image: url(/Public/images/image_2.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="date"><span>June 22, 2016</span> | <span>10 Comments</span></h5>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-12 text-center animate-box">
					<p><a href="#" class="btn btn-primary with-arrow">View More Post <i class="fa fa-arrow-right"></i></a></p>
				</div>
			</div>
		</div>
	</div>
	<!--两个大图广告位end-->
	
	<!--四个横排价格列表-->
	<div id="fh5co-pricing-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Pricing</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="pricing">
					<div class="col-md-3 animate-box">
						<div class="price-box">
							<h2 class="pricing-plan">Starter</h2>
							<div class="price"><sup class="currency">$</sup>9<small>/month</small></div>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
							<a href="#" class="btn btn-select-plan btn-sm">Select Plan</a>
						</div>
					</div>

					<div class="col-md-3 animate-box">
						<div class="price-box">
							<h2 class="pricing-plan">Basic</h2>
							<div class="price"><sup class="currency">$</sup>27<small>/month</small></div>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
							<a href="#" class="btn btn-select-plan btn-sm">Select Plan</a>
						</div>
					</div>

					<div class="col-md-3 animate-box">
						<div class="price-box popular">
							<h2 class="pricing-plan pricing-plan-offer">Pro <span>Best Offer</span></h2>
							<div class="price"><sup class="currency">$</sup>74<small>/month</small></div>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
							<a href="#" class="btn btn-select-plan btn-sm">Select Plan</a>
						</div>
					</div>

					<div class="col-md-3 animate-box">
						<div class="price-box">
							<h2 class="pricing-plan">Unlimited</h2>
							<div class="price"><sup class="currency">$</sup>140<small>/month</small></div>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
							<a href="#" class="btn btn-select-plan btn-sm">Select Plan</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--四个横排价格列表end-->
	
	<!--透明背景窗口 -->
	<div class="fh5co-cta" style="background-image: url(/Public/images/slide_2.jpg);">
		<div class="overlay"></div>
		<div class="container">
			<div class="col-md-12 text-center animate-box">
				<h3><?php echo ($config["footer_words"]); ?></h3>
				<p><a href="#" class="btn btn-primary btn-outline with-arrow">Get started now! <i class="fa fa-arrow-right"></i></a></p>
			</div>
		</div>
	</div>
	<!--透明背景窗口end -->
	
	<!--底部内容-->
	
	<footer id="fh5co-footer" role="contentinfo">
		
		<div class="container">
			<div class="col-md-3 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>关于</h3>
				<p><?php echo ($config["about"]); ?></p>
				<p><a href="#" class="btn btn-primary btn-outline with-arrow btn-sm">来吹比？ <i class="fa fa-arrow-right"></i></a></p>
			</div>
			<div class="col-md-6 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>各种友链</h3>
				<ul class="float">
					<li><a href="#">xxxxxx</a></li>
					<li><a href="#">xxxxxx</a></li>
					<li><a href="#">xxxxxx</a></li>
					<li><a href="#">xxxxxxxxxxxx</a></li>
				</ul>
				
			</div>

			<div class="col-md-2 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>Follow Me</h3>
				<ul class="fh5co-social">
					<li><a href="#"><i class="fa fa-github"></i></a></li>
					<li><a href="#"><i class="fa fa-weibo"></i></a></li>
					<li><a href="#"><i class="fa fa-envelope-o"></i></a></li>
					<li><a href="#"><i class="fa fa-heart-o"></i></a></li>
				</ul>
			</div>
			
			
			<div class="col-md-12 fh5co-copyright text-center">
				<p>&copy; 2016 isuoge.com All Rights Reserved. <span>Designed with <i class="fa fa-cloud"></i> by <a href="#/" target="_blank">isuoge</a></span></p>	
			</div>
			
		</div>
	</footer>
	</div>
	
	<!-- jQuery -->
	<script src="/Public/js/jquery-1.11.0.js"></script>
	<!-- jQuery Easing -->
	<script src="/Public/js/home/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="/Public/js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="/Public/js/home/jquery.waypoints.min.js"></script>
	<!-- Owl Carousel -->
	<script src="/Public/js/home/owl.carousel.min.js"></script>
	<!-- Flexslider -->
	<script src="/Public/js/home/jquery.flexslider-min.js"></script>

	<!-- MAIN JS -->
	<script src="/Public/js/home/main.js"></script>
	<script src="/Public/js/home/jquery.grid-a-licious.min.js" type="text/javascript" charset="utf-8"></script>

	</body>
</html>